<template>
	<gui-page>
		<template v-slot:gBody>
			<view 
			class="gui-bg-white gui-dark-bg-level-3">
				<gui-spread 
				width="750rpx" 
				height="600rpx"
				:isShrink="true">
					<gui-article-info
					:article="article"></gui-article-info>
				</gui-spread>
			</view>
		</template>
	</gui-page>
</template>
<script>
export default {
	data() {
		return {
			title   : "",
			article : []
		}
	},
	onLoad : function(){
		uni.showLoading({title:"loading", mask:true});
		uni.setNavigationBarTitle({ title:'加载中' });
		uni.request({
			url:"https://www.graceui.com/api/html2array",
			success: (res) => {
				console.log(res);
				this.article = res.data.data;
				// 文章标题 来自 api 加载
				this.title    = "文章标题";
				uni.setNavigationBarTitle({ title:this.title});
				uni.hideLoading();
			}
		})
	}
}
</script>
<style scoped lang="scss">
</style>